.comment-item{
  display: flex;
  padding: rem(15px) rem(15px) rem(12px) rem(15px);
  border-bottom: rem(1px) solid #f0f0f0;
  position: relative;
  .comment-time{
    position: absolute;
    right: rem(20px);
    top: rem(20px);
    color: #898989;
    font-size: rem(12px);
  }
  .avatar{
    width: rem(40px);
    height: rem(40px);
    border-radius: 50%;
  }
  .item-right{
    flex: 1;
    margin-left: rem(20px);
    .nickname{
      color: #2f2f2f;
      font-size: rem(16px);
    }
    .comment-text{
      margin-top: rem(6px);
      font-size: rem(16px);
      line-height: rem(20px);
    }
    .img-content{
      margin-top: rem(10px);
      .img-item{
        display: block;
        float: left;
        width: rem(80px);
        height: rem(80px);
        background-size: cover;
        background-position: center center;
        margin-right: rem(5px);
      }
    }
    .like-info{
      margin-top: rem(4px);
      color: #576b95;
      font-size: rem(12px);
      line-height: rem(18px);
      background-image: url("./img/favor.png");
      background-repeat: no-repeat;
      background-position: left rem(2px);
      background-size: rem(12px) rem(12px);
      padding-left: rem(18px);
    }
    .tag-info{
      margin-top: rem(4px);
      color: #898989;
      font-size: rem(12px);
      line-height: rem(15px);
      background-image: url("./img/tag.png");
      background-repeat: no-repeat;
      background-position: left rem(2px);
      background-size: rem(12px) rem(12px);
      padding-left: rem(18px);
    }
  }
}